<template>
	<div>
		<el-card class="!border-none" shadow="never">
			<el-tabs v-model="tabsActive">
				<el-tab-pane v-for="(item, index) in tabsMap" :key="index" :label="item.name" :name="item.type"
					lazy>
					</el-tab-pane>
			</el-tabs>
		</el-card>
		<information v-if="tabsActive==1"></information>
		<distribute v-if="tabsActive==2"></distribute>
		<reward v-if="tabsActive==3"></reward>
		<udun v-if="tabsActive==4"></udun>
		<email v-if="tabsActive==5"></email>
		<trade v-if="tabsActive==6"></trade>
		<market v-if="tabsActive==7"></market>
		<translation v-if="tabsActive==8"></translation>
		<kefu v-if="tabsActive==9"></kefu>
		<tron v-if="tabsActive==10"></tron>
		<regioncode v-if="tabsActive==11"></regioncode>
		<mine v-if="tabsActive==12"></mine>
	</div>
</template>
<script lang="ts" setup name="notice">
	import information from './widgets/information.vue'
	import distribute from './widgets/distribute.vue'
	import reward from './widgets/reward.vue'
	import udun from './widgets/udun.vue'
	import email from './widgets/email.vue'
	import trade from './widgets/trade.vue'
	import market from './widgets/market.vue'
	import translation from './widgets/translation.vue'
	import kefu from './widgets/kefu.vue'
	import tron from './widgets/tron.vue'
	import regioncode from './widgets/regioncode.vue'
	import mine from './widgets/mine.vue'
	
	const tabsActive = ref(1)
	const tabsMap = [
		{
			name: '站点配置',
			type: 1
		},
		{
			name: '客服配置',
			type: 9
		},
		{
			name: '交易配置',
			type: 6
		},
		{
			name: '分销配置',
			type: 2
		},
		{
			name: '奖励配置',
			type: 3
		},
		{
			name: '挖矿配置',
			type: 12
		},
		// {
		// 	name: '波场配置',
		// 	type: 10
		// },
		{
			name: '优盾配置',
			type: 4
		},
		{
			name: '翻译配置',
			type: 8
		},
		{
			name: '邮箱配置',
			type: 5
		},
		{
			name: '行情数据',
			type: 7
		},
		{
			name: '国家区号',
			type: 11
		},
	]
</script>